草庐IT

React 组件

全部标签

javascript - 如何在 React Navigation 中深度链接到嵌套导航器?

我的导航结构如下:constApp=()=>{constprefix='test://';return;};constAppNavigator=createSwitchNavigator({splash:SplashScreen,auth:AuthStack,main:HomeStack,});constAuthStack=createStackNavigator({landing:LandingScreen,login:{screen:LoginScreen,path:'page/login',},register:{screen:RegisterScreen,path:'page/

javascript - websocket.js 导致 React 应用程序意外刷新

我有一个允许图片上传的React网络应用程序。在向我的API执行获取多个图像(在本例中为6个)的POST请求后,浏览器会自行刷新并重新加载当前页面。值得注意的是,此应用程序允许裁剪图像,因此对于用户上传的每张图像,都有第二张图像(裁剪后的)要上传。所以以上6张图片导致12个POST请求。刷新行为不一致且难以重现。我在发生此行为的函数中插入了断点。使用chrome调试器工具,我逐步完成了流程,发现刷新发生在这个调用之后。this.ws.onmessage=function(e){debug('messageevent',e.data);self.emit('message',e.data

javascript - 如何将 Intl.NumberFormat 与 native react 一起使用?

我试图在ReactNative中将数字转换为价格格式。如何使用https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat(Intl.NumberFormat)这与nativereact? 最佳答案 看来您需要国际版的JSC:安卓:https://github.com/react-native-community/jsc-android-buildscripts#international-variant对于

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - 使用在组件类中找到的变量修改伪元素属性值的 Angular/Mobile 友好方式是什么?

有没有比我目前正在做的更好的方法来使用组件变量修改伪元素属性?我没有按照Angular的方式来做,但这是我的目标。我的方式在移植到移动设备时肯定会失败。我想在组件样式表中放置一个变量:组件:@Input()publicvariable=variable;组件样式表:input[type=range].MPslide.pvd-slider::-webkit-slider-runnable-track{background:linear-gradient(#568200,#568200)0/variable100%no-repeat#ccc}不幸的是,它不存在于我的模板中,所以我无法在其上

javascript - 使用 react-pdf 时的严重依赖警告

我正在尝试在React应用程序上显示pdf,但收到以下警告:/node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.jsCriticaldependency:requirefunctionisusedinawayinwhichdependenciescannotbestaticallyextractedVscode在导入功能下告诉我这个。Couldnotfindadeclarationfileformodule'react-pdf'已经尝试运行npminstall、npminstallreact-pdf并重新安装包import

javascript - React navigation didfocus 事件监听器在类组件和功能组件之间的工作方式不同

当我转换到此屏幕时,它会执行一些API调用以获取最新数据。但是当我从另一个带有钩子(Hook)版本的导航堆栈转换时,它似乎不会触发didFocus事件来触发api调用,而它与类版本一起工作。如何使hooks版本与class版本具有相同的行为?这两个版本有什么区别?类组件版本classsomeScreenextendsComponent{componentDidMount(){const{navigation,}=this.props;this.navFocusListener=navigation.addListener('didFocus',()=>{//dosomeAPIcalls

javascript - JSF 自定义组件失去对 ajax 更新的输入关注

我正在编写一个自动完成的自定义组件作为使用JSF的学习练习2.1.3.这个想法(可能很熟悉)是输入一些文本到并输入组件并显示具有匹配值的列表框。这个想法是在调用jsf.ajax.request()的输入上有一个keyupjavascript事件更新组件。到目前为止,我已经有了一个可以包含的组件这个:这会像这样呈现html:FirstSecondcom.myco.ajaxRequest()javascript函数(keyup)执行此操作:jsf.ajax.request(comp,null,{execute:'myauto',render:'myauto'});所以因为我想用建议重建和重

javascript - 如何在多页面网站(非 SPA)中使用 react.js?

我有一个laravel应用程序。对于具有此类路由的页面:/admin/entity/我想使用带有React路由器的React组件来处理/admin/entity/:id路由。如果我使用browserify将所有组件捆绑在一个文件中,我将无法访问任何组件以从外部呈现它,因为browserify将其包装到闭包中。因此,我有几个问题:我应该为每个页面创建单独的bundle.js文件并在该文件中显式渲染组件吗?或者我应该将每个组件从jsx预编译为js并从*.blade.php文件内联渲染它将React库包含到bundle.js是否有意义,或者我可以从View中显式加载它?

javascript - 来自 Firefox 附加组件的内容脚本不会写入 IndexedDB

我正在开发Firefox附加组件,它有一些内容脚本可以将数据保存到IndexedDB。相同的代码在Chrome扩展中工作得很好,但在Firefox扩展中却不行。在Firefox上一切正常,直到必须将数据写入数据库的部分。index.jsvardata=require("sdk/self").data;varpageMod=require("sdk/page-mod");var{indexedDB}=require('sdk/indexed-db');varrequest=indexedDB.open("myDatabase");request.onerror=function(even